/*引进字体*/
@font-face { 
  font-family: tw; /*这里是说明调用来的字体名字*/ 
  src: url('../font/SourceHanSansTW-Regular.otf'); /*这里是字体文件路径*/ 
}
@font-face { 
  font-family: tw2; /*这里是说明调用来的字体名字*/ 
  src: url('../font/SourceHanSansCN-Regular.otf'); /*这里是字体文件路径*/ 
}

*{ padding: 0px; margin: 0px; font-family:"tw2";}
body{ min-width: 1200px; }


.header .content{ width: 1200px ;  }
.fl{ float: left; }
.fr{ float: right; }
.gz_top{ width: 100%; height: 95px; padding-top: 47px }
.gz_top_con{ width: 1200px; margin:0 auto; overflow: hidden;  }
.gz_top_con .top_con_logo{ padding-top: 20px; }
.top_con_nav{float: left;height: 95px;padding-left: 170px;position: relative;width: 600px;}
.top_con_nav ul {margin-top: 35px;overflow: hidden;}
.top_con_nav ul li {float: left;padding: 0 18px;text-align: center;}
.top_con_nav ul li a {color: #000;font-size: 20px;}
.top_con_nav .hx{ background: #000 none repeat scroll 0 0; height: 5px; position: absolute; top: 88px;}
.top_con_so{ width: 185px; height: 34px; border:1px solid #e5e5e5; border-radius: 50px; overflow: hidden; margin-top: 30px}
.top_con_so .sskuang{ width: 125px; height: 25px; line-height: 25px; margin-left: 15px; margin-top: 5px; border:none; color: #999; }
.top_con_so .search{ width: 40px; height: 30px; background: url(../images/soso.png) no-repeat 5px 6px;}
.gz_adcon{  height: 500px; overflow: hidden; position: relative;width: 1200px; margin:0 auto 90px auto; }
.gz_adcon img{ width: 100%; height: 500px; }




/*广告*/

.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}



/*关于我们*/
.gz_about{ width: 100%; height: auto; background: #f2f2f2;margin-top: 80px;  padding-bottom: 30px; }
.gz_about img{user-drag:none,-webkit-user-drag: none;}
.gz_about .gz_about_con{ width: 1200px; height: auto;  margin:0 auto;}
.gz_about_top { text-align: center;padding-top: 35px; }
.gz_about_top .bt{font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX;padding: 20px 0 15px 0; }
.gz_about_top .bt img{ width:180px; margin-top: 5px}
.gz_about_bottom{width: 1000px; margin: 0 auto;padding-top: 15px;}
.about_zx{ width: 690px; }
.about_zx .p1{ color: #222222; font-size: 20px; line-height: 25px; height: 25px; }
.about_zx .txt{ color: #666666; font-size:14px; line-height: 20px; margin-top: 25px; margin-bottom: 15px; height: 222px; overflow: hidden;}
.about_zx .txt p{ text-indent: 2em; }
.about_zx .p2{ width: 80px; padding-top: 11px; float: right; margin-right: 80px }
.about_zx .p2 a{ width: 80px; height: 30px; text-align: center; line-height: 30px; color: #e9e9e9; font-size: 12px;  background: #000; display: block;}
.about_img{ width: 490px; height: 327px; }
.about_img img{ width: 490px; height: 327px; }


.gz_about_bottom .uilist{ overflow: hidden; margin-top: 55px }
.gz_about_bottom .uilist li{ float: left; margin-right: 24px }

.gz_about_bottom .ptitle{font-size: 21px;line-height: 34pt;letter-spacing: 2px;color: #4c4948;font-family: "新細明體";}

.gz_about_bottom .xianduan{height: 2px; background: #DDD; width: 100%; margin:60px 0 60px 0;}
.gz_about_bottom .titlecon{text-align: center;}
.ewmcon{overflow:hidden; background: #e5e5e5;padding: 55px  0 30px 0}
.ewmcon ul li{float: left;margin-left: 75px}


.footer{margin-top: 0px !important}











/*合作伙伴*/
.gz_link{ width: 100%; height: auto; margin-top: 70px; }
.gz_link .gz_link_con{ width: 1200px; height: auto;  margin:0 auto;}
.gz_link_top { text-align: center; }
.gz_link_top .bt{font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX;padding: 20px 0 20px 0; }
.gz_link_bottom{width: 1200px;  overflow: hidden; margin-top: 30px;}
.gz_link_bottom p{ text-align: center; margin-bottom: 20px; white-space: nowrap; }
.gz_link_bottom p a{ margin:10px; }
.gz_link_bottom .p1 a img{ height: 100px; }
.gz_link_bottom .p2 a img{ height: 75px; }






.t_title{font-size: 30px; height: 40px; margin-bottom: 40px;}
.t_title span{padding: 0 16px; display: inline-block; }
/*本月特輯*/
.gz_teji{ width: 1200px; height:auto; margin:0 auto;  }
.teji_con{ width: 1200px; overflow: hidden; height: 408px; }
.teji_con .teji_l{ float: left; width: 610px; height: 408px; position: relative;}
.teji_con .teji_l img{ width:610px; height:408px }
.teji_l .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.teji_l .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.section-focus-pic{height:408px;width:610px;overflow:hidden;position:relative;}
.section-focus-pic ul li{position:absolute;top:0;left:610px;width:610px;height:408px;}
.section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 560px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px; font-family:"微软雅黑"; white-space: nowrap; overflow: hidden;}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:610px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic .pages{width:570px;height:300px;}
.section-focus-pic .controler{position:absolute;bottom:20px;right:20px;}
.section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(imgs/news_index_icon.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{background-position:-161px 1px;}

.section-focus-pic .controler2{ opacity: 0.1 ;filter: alpha(opacity=10); }
.section-focus-pic:hover .controler2{opacity: 0.8;filter: alpha(opacity=80);  }
.section-focus-pic .controler2 a{display:block; width:50px;position:absolute;top:190px;height:50px; background: #000; border-radius: 50px; opacity: 0.6;filter: alpha(opacity=60); }
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(imgs/star.png) no-repeat; margin-top:10px; margin-left:10px}
.section-focus-pic .controler2 .prev{left:5px;}
.section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_05.png');margin-left:10px;}

.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_06.png');margin-left:15px;}


.teji_r{ float: right; width: 560px; }
.teji_r ul{ width: 560px;}
.teji_r ul li{ width: 266px; height: 190px; position: relative; overflow: hidden; float: left; margin-bottom: 27px}
.teji_r ul li:nth-child(even){margin-left: 24px;}
.teji_r ul li a{ color: #FFF; display: inline-block; }
.teji_r ul li .bgimg{ width: 266px; height: 189px;}
.teji_r ul li img{width: 266px; height: 189px;}
.teji_r ul li .title{ width: 100%; height: 40px; background: #000; position: absolute; left: 0px; bottom:-42px; opacity: 0.6;filter: alpha(opacity=60); transition: all 0.5s ease 0s }
.teji_r ul li .play{ width: 45px; height: 45px; background: url(../images/play.png) no-repeat; background-size: 100% 100%; position: absolute; left:113px; top:70px; z-index: 4 }
.teji_r ul li .txt{ width:90%; height: 40px; line-height: 40PX; font-size: 18PX; position: absolute; left: 0px; bottom:-42px;z-index: 3; padding-left: 5%;transition: all 0.5s ease 0s}
.teji_r ul li a:hover .title{ bottom:0px;}
.teji_r ul li a:hover .txt{ bottom:0px;}


/*艺术层*/
.gz_ys{ width: 1200px; height:auto; margin:0 auto; overflow: hidden; margin-top: 100px;}
.yscon_l{ width: 610px; height: auto; float: left;}
.yscon_l .ysc{ width: 610px; width: 330px; }
.yscon_l .ysc img{ width: 610px; height: 330px;}

.yscon_r{ float: right; width: 560px; }
.yscon_r .ysc{ width: 560px; width: 330px; }
.yscon_r .ysc img{ width: 560px; height: 330px;}
.gz_ys p{ margin-top:38px; white-space: nowrap; overflow:hidden; }
.gz_ys p a{ color: #000 ; font-size: 26px;}

/*博物馆*/
.gz_bwg{ width: 1200px; height:auto; margin:0 auto; overflow: hidden;margin-top: 80px; }
.gz_bwg .bwg_con{ width: 100%; }
.gz_bwg .bwg_con ul { width: 1200px; overflow: hidden; }
.gz_bwg .bwg_con ul li{ width: 560px; float: left; }
.gz_bwg .bwg_con ul li:nth-child(1){ float: right; }
.bwg_eg{ width: 560px; overflow: hidden; }
.bwg_eg .bwg_img{ width: 270px; height: 206px; float: left; }
.bwg_eg .bwg_img img{  width: 270px; height: 206px; }
.bwg_eg .bwg_t{ width: 255px;  float: left; margin-left: 25px;}
.bwg_eg .bwg_t .titles{ font-size: 24px;  color: #000; max-height:60px; line-height:30px; margin-top: 13px; overflow: hidden;}
.bwg_eg .bwg_t .titles a{ color: #000 }
.bwg_eg .bwg_t .titles a:hover{ color: #000 }
.bwg_eg .bwg_t .txtcon{ max-height: 88px; color: #666666; font-size: 16px; margin-top: 38px; line-height: 30px; }



/*藝術作品*/
.gz_work{width: 1200px; height:auto; margin:0 auto;margin-top: 80px;}
.gz_work .work_top{ width: 1200px; overflow: hidden; }
.work_top_right{ max-width: 680px; float: right; }

.work_top_right ul { overflow: hidden;  border:1px solid #000; }
.work_top_right ul li{ float: right; width: 100px; height: 30px; line-height: 28px; text-align: center; font-size: 16px; border-right: 1px solid #000; cursor: pointer;}
.work_top_right ul li:nth-child(1){border-right: none}
.work_top_right ul .gl{ color: #FFF; background: #000; }
.work_bottom{ width: 1200px;  }
.work_bottom .work_eg{ display: none }
.work_bottom ul{ overflow: hidden; }
.work_bottom ul li{ width: 284px; height: 445px;float: left; margin-left: 21px;}
.work_bottom ul li:nth-child(1){ margin-left:0px}
.work_bottom ul li .work_img{ width: 284px; height: 321px;}
.work_bottom ul li .work_img a{ display: block; width: 284px; height: 321px; position: relative; overflow:hidden}
.work_bottom ul li .work_img img{ width: 284px; height: 321px;}
.work_bottom ul li .work_img .work_bg{width: 284px; height: 321px; position: absolute;left: 0px; top: 321px; background: #000; opacity: 0.5;filter: alpha(opacity=50);  transition: all 0.5s ease 0s}
.work_bottom ul li .work_img .work_con{width: 284px; height: 321px; position: absolute;left: 0px; top: 321px;   z-index: 66 ; color: #FFF; text-align:center; transition: all 0.5s ease 0s}
.work_bottom ul li .work_img a:hover .work_bg{top: 0px;}
.work_bottom ul li .work_img a:hover .work_con{top: 0px;}

.work_bottom ul li .work_img .work_con .work_con_t{  font-size: 26PX; border-bottom: 2px solid #FFF; width: 60PX;  margin:0 auto; line-height: 60px; line-height: 60px; margin-top:28px; }
.work_bottom ul li .work_img .work_con .work_con_txt{font-size: 14px; padding: 25px ; width: 234px; margin-top: 28px;text-align: left; line-height:22px; max-height: 133px; overflow: hidden;} 

.work_bottom ul li p{ text-align: center; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; }
.work_bottom ul li .work_name{font-size: 24px;color: #000; margin-top: 25px;}
.work_bottom ul li .work_author{ font-size: 24px; color: #999 }


/*藝術機構*/
.gz_arts{width: 1200px; height:auto; margin:0 auto;margin-top: 50px;}
.artslist{ width: 1200px; }
.artslist ul{ overflow: hidden; }
.artslist ul li{ width: 285px; height: 350px; float: left; margin-left: 20px;} 
.artslist ul li:nth-child(1){ margin-left:0px}
.artslist ul li img{ width: 285px; height:285px;  }
.artslist ul li p{ font-size: 24px; color: #000; line-height: 30px; height: 30px; text-align: center; margin-top:20px; overflow: hidden; white-space: nowrap;}





/*藝術聚點*/
.gather_title{width: 1200px; height:auto; margin:0 auto;margin-top: 50px;}
.gather_title .t_title{font-size: 24px;}
.gather_title .t_title a{color: #000}
.gather_title .t_title .gll{ font-weight: bold;}

.gather_con{ width: 1200px; }
.gather_eg{ width: 1200px; overflow: hidden; border-bottom:1px solid #e5e5e5;height: 320px;  margin-bottom: 40px;}
.gather_eg .gather_eg_l{ width: 580px; float: left; margin-top: 40px;}
.gather_eg .gather_eg_l .gather_info{ width: 580px; overflow: hidden; }
.gather_eg .gather_eg_l .gather_info .gather_info_img{ width: 85px; height: 85px;border-radius:45px; float: left; }
.gather_eg .gather_eg_l .gather_info  .gather_info_c{width: 460px; height: auto; float: left; margin-left: 20px;}
.gather_info_c .p1{ font-size: 30px; color: #000}
.gather_info_c .p1 a{ color: #000 }
.gather_info_c .p2{ font-size: 20px; color: #999999; margin-top: 5px}
.gather_info_c .p2 a{ color: #999999 }

.gather_txt{ line-height: 35px;  max-height: 114px; overflow: hidden; font-size: 20px; color: #666; margin-top: 25px;}

.gather_eg .gather_eg_r{ width: 590px; float: right; overflow: hidden; }
.gather_eg_rimg{ width: 280px;height: 280px; float: left; margin-left: 30px;}
.gather_eg_rimg:nth-child(1){ margin-left:0px}
.gather_eg_rimg a{ display: inline-block; }
.gather_eg_rimg a img{ width: 280px;height: 280px;}



/*活动讯息*/
.hdxx_title{width: 1200px; height:auto; margin:0 auto;margin-top: 50px;}
.hdxx_title .t_title{font-size: 24px;}
.hdxx_title .t_title a{color: #000}
.hdxx_title .t_title .gll{ font-weight: bold;}
.tw_hdxx_con{ width: 1200px; }


.hdxx_con_bottom{ width: 1200px; margin-top: 30px;}
.hdxx_con_bottom ul{ overflow: hidden; }
.hdxx_con_bottom ul li{background-color: #fafafa; margin-bottom: 17px;}
.hdxx_con_bottom ul li:nth-of-type(odd){ float: left;  width: 610px; }
.hdxx_con_bottom ul li:nth-of-type(even){ float: right;  }  
.hdxx_con_bottom ul li .titles a{ font-size: 22px; }
.hdxx_con_bottom ul li .bwg_eg .bwg_t .txtcon{ font-size: 16px; color: #666;  line-height: 30px;margin-top:25px; min-height: 88px; overflow: hidden; }
.hdxx_con_bottom ul li:nth-of-type(odd) .bwg_eg{ width: 590px; }
.hdxx_con_bottom ul li:nth-of-type(odd) .bwg_t{ width: 290px;}



/*視頻*/
.tw_video_con{ width: 1200px; }
.tw_video_con ul{ width: 1230px; overflow: hidden; margin-left: -30px;}
.tw_video_con ul li{ width: 380px; float: left; border-bottom: 2px solid #FFF; padding-bottom: 20px; margin-left: 30px;}
.tw_video_con ul li:hover{ border-bottom: 2px solid #000; }
.tw_video_con ul li .tw_video_img{ width: 380px; height:280px; position: relative;}
.tw_video_con ul li .tw_video_img a{ width: 380px; height:280px; display: inline-block;}
.tw_video_con ul li .tw_video_img a img{width: 380px; height:280px;}
.tw_video_con ul li .tw_video_img  .play{ width: 40px; height: 40px; background: url(../images/play.png) no-repeat; background-size:100% 100%; position: absolute; left:170px; top: 120px; z-index: 999 }
.tw_video_con ul li .p1{ font-size: 26px; white-space:nowrap; overflow: hidden;text-overflow:ellipsis; height: 50px; line-height: 50px;}
.tw_video_con ul li .p1 a{ color: #000 }
.tw_video_con ul li .p2{ font-size: 18px; line-height: 25px; height: 25px; color: #999}

/*藝術家*/
.tw_artist_con{ width: 1200px; }
.tw_artist_con .tw_artist_eg{ width: 1230px; overflow: hidden; background: #fafafa; margin-bottom: 40px;}
.tw_artist_eg .artist_info{ float: left;  width: 620px; position: relative;}
.tw_artist_eg .artist_info .artist_info_top{ width:530px;  height: 105px; border-bottom: 1px solid #999999; overflow: hidden; padding: 20px 0; margin-left:35px;}
.artist_info_top img{ float: left; width: 100px; height: 100px; border-radius:50px;}
.artist_info_top .artist_info_name{ float: right; font-size: 24px; margin-top:40px; }
.artist_info_top .artist_info_name a{ color: #000 }
.tw_artist_eg .artist_img{  float: right; width: 580px; }
.tw_artist_eg .artist_info_bottom{width: 530px; height: 240px; overflow: hidden; margin-left:35px; line-height:35px; font-size: 18px; color: #333333; margin-top:20px;}
.tw_artist_eg .artist_info_bottom p{ margin-bottom: 10px; }
.tw_artist_eg .p4{ width: 92%;text-align: right; margin-top: 20px }
.tw_artist_eg .p4 a{color: #333333; font-size: 18px;}
.tw_artistx{ position: absolute; left:600px; top:175px;}


/*分页*/
.fenye{ width: 1200px; height: 60px; position: relative; text-align:center;}
.paginations {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.paginations > li {
  display: inline;
}
.paginations > li > a,
.paginations > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.paginations > li:first-child > a,
.paginations > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.paginations > li > a:hover,
.paginations > li > span:hover,
.paginations > li > a:focus,
.paginations > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.paginations > .active > a,
.paginations > .active > span,
.paginations > .active > a:hover,
.paginations > .active > span:hover,
.paginations > .active > a:focus,
.paginations > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.paginations > .disabled > span,
.paginationspaginations > .disabled > span:hover,
.paginationspaginations > .disabled > span:focus,
.paginationspaginations > .disabled > a,
.paginationspaginations > .disabled > a:hover,
.paginationspaginations > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.paginations-lg > li > a,
.paginations-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.paginations-lg > li:first-child > a,
.paginations-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.paginations-lg > li:last-child > a,
.paginations-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.paginations-sm > li > a,
.paginations-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.paginations-sm > li:first-child > a,
.paginations-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.paginations-sm > li:last-child > a,
.paginations-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


/*台湾视频详细页*/
.tw_videodetailed{width: 1200px;  margin:0 auto;  margin-top: 10px;}
.tw_videodetailed .tw_video_l{ width: 870px; float: left;  }
.tw_videodetailed .tw_video_l img{ width: 100% }
.tw_videodetailed .tw_video_r{ width: 300px; float: right;}
.tw_video_r ul{}
.tw_video_r ul li{ overflow: hidden; margin-bottom: 26px; }
.tw_video_r ul li .img{ width: 150px; height: 105px; position: relative; float: left; }
.tw_video_r ul li .img img{ width: 150px; height: 105px;  }
.tw_video_r ul li .img .play{ width: 40px; height: 40px; background: url(../images/play.png) no-repeat; background-size:100% 100%; position: absolute;left: 55px;top: 35px}
.tw_video_r ul li .xiangx{ width: 120px; height:95px;  float: left; background: #fafafa;padding:5px 15px}
.tw_video_r ul li .xiangx .title{height:45px; line-height: 22px; overflow: hidden; color: #000;font-size: 16px;}
.palynum{ background: url(../images/palys.png) no-repeat 0 2px; height: 20px; line-height: 15px;font-size: 14px;padding-left: 25px; color: #999; margin-top: 20px;}
.tw_video_info{ height: 95px;  width: 870px; overflow: hidden; }
.tw_video_info .info_name{ width:580px; float: left;  height: 95px; line-height: 60px; font-size:36px;padding-left: 20px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.tw_video_info .info_r{ width: 250px; float: right;  height: 55px; text-align:right; color: #999; font-size: 14px; line-height:70px;}
.tw_video_txt{ padding:20px 20px; background: #fafafa; width: 830px; line-height: 40px; font-size: 22px; }

.main_bigimg{ width: 840px; margin: 20px auto;  }
.main_bigimg .demo{width: 840px;}
.main_bigimg .demo .demo_sub{ width: 840px; overflow: hidden; margin-bottom: 20px; text-align: center; }
.main_bigimg .demo .demo_sub li{  width:105px; float: left; height: 20px;border-bottom: 2px solid #fff; cursor: pointer; line-height:19px; }
.main_bigimg .demo .demo_sub li:hover{ border-bottom: 3px solid #ffb400  }
.main_bigimg .demo .demo_sub li img{ width: 100%; height: 18px; }
.main_bigimg .demo_subcon{ width: 840px; overflow: hidden; height:420px; position: relative; }
.main_bigimg .demo_sub_img{  width: auto; height: 100%;}
.main_bigimg .demo_sub_img img{   float: left; height:420px}
.main_bigimg .demo_btn{ width:80px; height:420px;  color: #fff; opacity: 0;filter:alpha(opacity=0);cursor: pointer; }
.main_bigimg .demo_left{ position: absolute; left: 0px; z-index: 999; background: url(../images/arrow_left.png) no-repeat; }
.main_bigimg .demo_right{ position: absolute; right: 0px; z-index: 999 ;background: url(../images/arrow_rigth.png) no-repeat;}
.main_bigimg .demo_left:hover{  opacity: 1;filter:alpha(opacity=100)}
.main_bigimg .demo_right:hover{  opacity: 1;filter:alpha(opacity=100)}